<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8" />
	<title>jQuery</title>
	<link rel="stylesheet" href="../../css/core-0.0.1.css">
</head>
<body>
<div id="wrap">
	<header>
		<div class="title"><a href="#">JINBO</a></div>
		
		<div class="searchBox">
			<form action="#" method="get">
				<input type="text" name="search" placeholder="search" class="input_box" />
				<input type="submit" value="Search" class="btn" />
			</form>
		</div>
		
		<!-- Logout -->
		<!--
		<div class="registerBox">
			<input type="button" value="회원가입" />
		</div>
		
		<div class="loginBox">
			<form action="" method="post">
				<input type="text" name="loginId" placeholder="sample@gmail.com"/> 
				<input type="password" name="password" placeholder="password" />
				<input type="submit" value="Log In" />
			</form>
		</div>
		-->	
		
		<!-- Login -->

		<nav class="nav">
			<div class="nav-title">곽영철</div>
			<ul class="nav-menu">
				<li><a href="#">계정설정</a></li>
				<hr />
				<li><a href="#">로그아웃</a></li>
			</ul>
		</nav>
		
		<nav class="nav">
			<div class="nav-title">바로가기</div>
			<ul class="nav-menu">
				<li><a href="#">곽군의 블로그</a></li>
				<hr />
				<li><a href="blog/create.html">내 블로그 관리</a></li>
				<hr />
				<li><a href="#">이웃 블로그 1</a></li>
				<hr />
				<li><a href="#">이웃 블로그 설정</a></li>
			</ul>
		</nav>
	</header>
	
	<section>
		<div class="menu">
			<div class="menu-title">설정</div>
			<hr />
			<div class="menu-group">
				<ul>
					<li><a href="#">개인 정보</a></li>
					<li><a href="changePassword.html">비밀번호 변경</a></li>
					<li><a href="withdraw.html">회원 탈퇴</a></li>
				</ul>				
			</div>
			<hr />
			<div class="menu-group">
				<ul>
					<li><a href="../blog/home.html">블로그 목록</a></li>
					<li><a href="../blog/create.html">블로그 생성하기</a></li>
				</ul>				
			</div>
			<hr />
			<div class="menu-group">
				<ul>
					<li><a href="../favorite/home.html">이웃 목록</a></li>
				</ul>				
			</div>
		</div>
		<article class="articleB">
			<div class="group">
				<div class="groupTitle theme-a">
					개인정보
				</div>
				<div class="groupContents">
					<div class="row">
						<div class="key">
							이름 :
						</div>
						<div class="value">
							곽영철
						</div>
					</div>
					<div class="row">
						<div class="key">
							생년월일 : 
						</div>
						<div class="value">
							1987년 08월 30일
						</div>
					</div>
					<div class="row">
						<div class="key">
							성별 :
						</div>
						<div class="value">
							남성
						</div>
					</div>
				</div>
			</div>
		</article>
	</section>
		
	<footer>
		Hello~
	</footer>
</div>	
<script src="../../js/jquery-1.8.2.js"></script>
<script>
$(document).ready(function(){
	$(".nav-title").mouseover(function(){
		console.log($(this).html());
		var navMenu= $(this).next();
		navMenu.slideDown();
		

		$(this).parent().mouseleave(function(){
			navMenu.slideUp();
			$(this).unbind("mouseleave");
		});
	});
});
</script>
</body>
</html>
























